<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta charset="utf-8">
	<title>完善信息</title>
	<link rel="stylesheet" media="screen" href="../css/styles.css" >
    <style>
    .contact_form{padding-top:40px;}
	.title {background-color:rgba(0,0,0,0.56); text-align:center; width:100%; position:fixed; top:0; left:0; padding:5px 0;}
.title a {color:#FFF; text-decoration:none; font-size:16px; font-weight:bolder; line-height:24px;}
    </style>
    <script type="text/javascript">
var Gid  = document.getElementById ;
var showArea = function(){
	Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" + 	
	Gid('s_city').value + " - 县/区" + 
	Gid('s_county').value + "</h3>"
							}
Gid('s_county').setAttribute('onchange','showArea()');
</script>
<link rel="stylesheet" href="../css/lanrenzhijia.css" media="all">
<script src="../js/jquery.min.js"></script>
<script>
jQuery(document).ready(function($) {
	$('.theme-login').click(function(){
		$('.theme-popover-mask').fadeIn(100);
		$('.theme-popover').slideDown(200);
	})
	$('.theme-poptit .close').click(function(){
		$('.theme-popover-mask').fadeOut(100);
		$('.theme-popover').slideUp(200);
	})

})
</script>
</head>
<body>
<form class="contact_form" action="../detail" method="post" name="contact_form">
    <ul>
        <li>
             <h2>填写完整个人信息</h2>
             <span class="required_notification">* 表示必填项</span>
        </li>
        <%  /*HttpSession session = request.getSession();
        String photo = session.getAttribute("photo");
        out.print("<img src="E:\Tomcat 9.0\webapps\numberSystem\20160625_085218.jpg">");*/
%>  
        <li>
            <label for="username">真实姓名:</label>
            <input type="text"  name="username" required />
            <span class="form_hint">请输入真实姓名</span>
        </li>
        <li>
        <label for="sex">性别:</label>
        <select name="sex"><option value="1">男</option><option value="2">女</option></select>
            <span class="form_hint">请输入性别</span>
    </li>
        <li>
            <label for="birth">出生日期:</label>
            <input type="text" name="birth" required />
            <span class="form_hint">格式:年-月-日</span>
        </li>
        <li>
            <label for="idtype">证件类型:</label>
            <select name="idtype"><option value="身份证">身份证</option><option value="港澳通行证">港澳通行证</option><option value="护照">护照</option><option value="返乡证">返乡证</option></select>
            <span class="form_hint">请选择证件号</span>
        </li>
        <li>
            <label for="id">证件号码:</label>
            <input type="text"  name="id" required />
            <span class="form_hint">请输入证件号</span>
        </li>
        <li>
            <label for="addr">所在地址:</label>
           <div class="info">
				<div>
					<select id="s_province" name="s_province"></select>  
    				<select id="s_city" name="s_city" ></select>  
    				<select id="s_county" name="s_county"></select>
    				<script class="resources library" src="../js/area.js" type="text/javascript"></script>
   					 <script type="text/javascript">_init_area();</script>
    			</div>
    			<div id="show"></div>
			</div>
            <textarea type="text" name="address" cols="5" rows="3"></textarea>
        </li>
       
        
        <li>
            <label for="postcode">邮政编码:</label>
            <input type="text" name="postcode" placeholder="" required />
            <span class="form_hint">请输入邮政编码</span>
        </li>
        <li>
            <label for="photo">头像:</label>
            <a class="btn-large theme-login" href="javascript:;">上传</a>
        </li>
        <li>
            <label for="tele">电话:</label>
            <input type="tele" name="tele" placeholder="" required />
            <span class="form_hint">请输入电话号</span>
        </li>
        <li>
            <label for="home">主页:</label>
            <input type="home" name="home" placeholder="" required />
            <span class="form_hint">请输入主页</span>
        </li>
        <li>
            <label for="qq">QQ号:</label>
            <input type="qq" name="qq" placeholder="" required />
            <span class="form_hint">请输入qq号</span>
        </li>
        <li>
        	<button class="submit" type="submit" >提交</button>
        </li>
    </ul>
</form>
<div class="theme-popover">
     <div class="theme-poptit">
          <a href="javascript:;" title="关闭" class="close">×</a>
          <h3>登录 </h3>
     </div>
     <div class="theme-popbod dform">
           <form action="../upfile" method="post" enctype="multipart/form-data">
                <ol>                    
                     <li><strong>上传文件：</strong>
          <input type="file" name="file" size="50" />
         <br />
         </li>
            <li><input class="btn btn-primary" type="submit" value="上传" /></li>
                </ol>
     </div>
</div>
         </form>
</center>
</body>
</html>